<template>
    <div class="app-container">
      <iframe :src="externalUrl" frameborder="0" style="width: 100%; height: 600px;"></iframe>
    </div>
  </template>
  
  <script>
  import axios from 'axios';
  
  export default {
    name: "Flow",
    data() {
      return {
        externalUrl: 'http://192.168.209.129:8080/',
        test: ""
      };
    },
    created() {
      axios.get('/ryu/stats/aggregateflow/1', {
        headers: {
          'Access-Control-Allow-Origin': '*'
        }
      }).then((res) => {
        console.log(res);
      }).catch((error) => {
        console.error(error);
      });
    },
    methods: {
    }
  };
  </script>
  
  <style scoped>
  .app-container {
    font-family: Arial, sans-serif;
  }
  
  /* 样式调整 */
  iframe {
    border: none;
  }
  </style>